<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <title>千里码NoSQL键值存储比赛-HHKB悬赏最强代码</title>
    <link rel="stylesheet" href="css/base.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="css/game.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="font/iconfont.css"/>
</head>
<body>
<!--<header><img src="http://www.qlcoder.com/img/ql_logo1.png" alt=""/></header>-->
<h1 id="title"><i class="iconfont">&#xe625;</i>NoSQL键值存储</h1>

<div class="about mt15">
    <img src="img/saima.png" alt=""/>

    <div class="about-info">
        <table>
            <tbody>
            <tr>
                <th>开始时间：</th>
                <td class="addWeek">2016-08-01</td>
            </tr>
            <tr>
                <th>结束时间：</th>
                <td class="addWeek">2016-08-31</td>
            </tr>
            <tr>
                <th>举办地点：</th>
                <td>
                    <a target="_blank" href="">线上活动</a>
                </td>
            </tr>
            <tr>
                <th>主办方：</th>
                <td>
                    <div class="ellipsis-l2">
                        千里码
                    </div>
                </td>
            </tr>
            <tr>
                <th>赞助方：</th>
                <td><a href="">网银互联</a></td>
            </tr>
            <tr>
                <th>比赛截止：</th>
                <td>
                    <span id="countDown" class="text-muted" data-signend="2016-09-03 00:00">
                        <strong class="fon14 text-black" id="t-d">31</strong>天
                        <strong class="fon14 text-black" id="t-h">00</strong>时
                        <strong class="fon14 text-black" id="t-m">00</strong>分
                        <strong class="fon14 text-black" id="t-s">00</strong>秒
                    </span>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <a href="javascript:;" id="join" class="btn btn-primary">点击参赛</a>
                    <span id="status" style="display: inline-block;margin-left: 10px;color:#777;">活动进行中</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="warp">
    <section>
        <h2>比赛简介</h2>

        <p>
            赛码会是由千里码主办，网银互联赞助的面向国内程序员的工程竞赛。比赛选用题目脱胎于业界经典工程问题，旨在考察参赛者的综合工程实力。比赛方会对提交的方案在程序运行时间、使用的内存、磁盘读写等维度进行全面客观的排名。排名依据不包含任何主观打分或者专家评审，保证比赛结果的公平公正。比赛后会公布优秀解决方案的思路供业界参考，并给予比赛优胜者相应的物质和积分奖励。
        </p>
    </section>
    <section>
        <h2>赛制流程</h2>
        <img src="img/146967616099453.png" alt=""/>
    </section>
    <section>
        <h2>赞助方</h2>
        <img src="img/146967799350601.jpeg" alt="" class="support"/>

        <p>
            网银互联(股票代码:835239)专注于第三方商业数据中心服务领域，是浙江省内具有品牌优势的商业数据中心服务公司。
        </p>
    </section>

    <section>
        <h2>奖项设置</h2>

        <div class="award">
            <!--<div class="rank">-->
            <!--第一名:HHKB Professionial 3-->
            <!--</div>-->
            <img src="img/_HHKB.png" alt=""/>
        </div>
        <div class="award ">
            <!--<div class="rank">-->
            <!--第2-3名:Kindle Pagerwhite 3-->
            <!--</div>-->
            <img src="img/_kindle.png" alt=""/>
        </div>
        <div class="award">
            <!--<div class="rank">-->
            <!--第4-10:小米双肩包-->
            <!--</div>-->
            <img src="img/_backpack.png" alt=""/>
        </div>
    </section>
    <section>
        <h2>直面机会</h2>

        <div class="work-list">
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgo8PFTUWAaAbD7PAACAXTzCmiw113.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgqKkVdCbJuAMNEuAAA74uyA4kY648.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/146967681956343.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgo8PFTUWBqAYNcoAACVuXBudcE787.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgqKkVdefqCAeTtAAABaDqGTOvY825.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgo8PFTUXeeAEH9nAACa9TE9QOc377.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgo8PFTUXNyAf-oyAAB84XZJshI598.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgo8PFUnbyyAOmwZAABKPABIzv8461.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgqLKVYt3X6AM3jeAAA7ivNTiPg788.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgo8PFWcoTKARPNOAABLnbTivc8708.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgYXBlTUV_uAY85GAAAVtFKXIv8322.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgp3O1bNGd-AONn6AAAkBE4rh7k087.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgYXBlTUXIWAI6-_AACELhVYx_0151.jpg" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/Cgp3O1bOkfGAY16IAADMaKzi7qM733.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgYXBlTUXKOAI9eHAAB-EazTn0Y320.png" alt="">
            </div>
            <div class="item">
                <img src="http://www.qlcoder.com//uploads/company/CgYXBlUydMqACbbOAAB3gNFKizc967.png" alt="">
            </div>
        </div>
    </section>
    <footer>
        <div class="copyright">
            <p>©2016 千里码 浙ICP备15038807号-1</p>
            <p>联系我们:oreo@qlcoder.com</p>
        </div>
    </footer>
</div>
<script>
    window.onload= function () {
        var show=false;
        document.getElementById("join").onclick= function () {
            alert("强烈推荐前往PC端参与比赛!");
            window.location.href="http://www.qlcoder.com/contests/detail";
        }
        function getRTime() {
            var EndTime = new Date('2016/08/31 23:59:59'); //截止时间
            var NowTime = new Date();
            var t = EndTime.getTime() - NowTime.getTime();
            if(t>0){
                var d = Math.floor(t / 1000 / 60 / 60 / 24);
                var h = Math.floor(t / 1000 / 60 / 60 % 24);
                var m = Math.floor(t / 1000 / 60 % 60);
                var s = Math.floor(t / 1000 % 60);

                document.getElementById("t-d").innerHTML = d;
                document.getElementById("t-h").innerHTML = h;
                document.getElementById("t-m").innerHTML = m;
                document.getElementById("t-s").innerHTML = s;
                if(!show){
                    document.getElementById("countDown").style.display="block";
                    show=!show;
                }

            }else{
                clearInterval(time);
                document.getElementById("countDown").innerHTML="比赛已结束!";
                document.getElementById("status").innerHTML="比赛已结束!";
                document.getElementById("countDown").style.display="block";
            }

        }
        var time=setInterval(getRTime, 1000);
    };


</script>
</body>
</html>
